.bank_list {
  box-sizing: border-box;
  padding: 0 16px;
  .bank_item {
    display: flex;
    align-items: center;
    height: 57px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(#fff, 0.1);
    .select {
      width: 16px;
      height: 16px;
      background: url('../../images/un_select.png') no-repeat;
      background-size: contain;
      margin-right: 8px;
    }
    &.selected {
      .select {
        background: url('../../images/select_circle.png') no-repeat;
        background-size: contain;
      }
    }
    .info {
      flex: 1;
      color: #fff;
      .name {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 4px;
      }
      .time {
        opacity: 0.6;
      }
    }
  }
}
.add_bank {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 46px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: var(--button-main-color);
  width: 242px;
  height: 48px;
  text-align: center;
  line-height: 48px;

  border-radius: 12px;
  background: var(--button-main-bg);
  &.none {
    display: none;
  }
  &.disabled {
    opacity: 0.6;
  }
}
.delete_bank {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 46px;
  width: 242px;
  height: 48px;
  // opacity: 0.1;
  border-radius: 12px;
  background: rgba(#fff, 0.1);
  color: rgba(#fff, 0.4);
  font-size: 14px;
  text-align: center;
  line-height: 48px;
  font-weight: 500;
  &.active {
    opacity: 1;
    background: linear-gradient(0deg, #ff4d4d, #ff4d4d);
    color: #fff;
  }
}
